<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=deviece-width">
	<title>滁州学院新生网Demo</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body style="background:#a8d6e2;" >
	<!--  ------------------------------    导航  --------------------------       -->
	<header role="banner">
		<nav role="navigation" class="navbar navbar-static-top navbar-inverse" style="background:#4867B7;">
			<div class="container" >
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="img/4.png" style="width:243px;height:50px;">
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="map.html">相关地图</a></li>
						<li><a href="plan.html">入学锦囊</a></li>
						<li class="active"><a href="life.html">校园生活</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!--     -------------------------   导航END --------------------------   -->
	
	<!-- ------------------------------ 边栏--------------------------------- -->
	<div class="col-md-3" style="background:white;height:100%;">
		<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

		  <div class="panel panel-default">
		    <div class="panel-heading" role="tab" id="headingOne">
		      <h4 class="panel-title">
		        <button class="list-group-item active" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
		          校园生活
		        </button>
		      </h4>
		    </div>
		    <div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
		      <div class="panel-body">
		        <button id="jiaoxue"  class="list-group-item">教学</button>
		        <button id="tushuguan" class="list-group-item">图书馆</button>
		        
		      </div>
		    </div>
		  </div>

		  <div class="panel panel-default">
		    <div class="panel-heading" role="tab" id="headingOne">
		      <h4 class="panel-title">
		        <button class="list-group-item active" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
		          校园周边
		        </button>
		      </h4>
		    </div>
		    <div id="collapseTwo" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
		      <div class="panel-body">
		        <button id="binguan" class="list-group-item">周边宾馆</button>
		        <button id="jingdian" class="list-group-item">周边景点</button>
		      </div>
		    </div>
		  </div>
		

		</div>
	</div>
	<!-- ------------------------------ 边栏 END--------------------------------- -->

		<!-- ------------------------右边内容------------------------------------- -->
		<div  style="background:white;height:1071px;" class="col-md-9">
			
			<div id="jiao"  class="col-md-12" style="height:1071px; display:none;">
					<div class="list-group">
						<button class="list-group-item active">校园生活-教学</button>
						<pre  class="list-group-item">
				学校现有会峰、琅琊两个校区，校园占地面积102.28万平方米，建筑面积38.23万平方米。教学仪器设备总值3.1亿元，建有配套的各类实验室和19个校内实习实训中心，186个校外实习实训基地。固定资产总值近9亿元。图书馆纸质藏书114万册，电子图书92万册。校园网络千兆到楼，百兆到桌面。公开出版《滁州学院学报》和《滁州学院报》。
				学校现有文学与传媒学院、数学与金融学院、计算机与信息工程学院、机械与汽车工程学院、电子与电气工程学院、地理信息与旅游学院、材料与化学工程学院、生物与食品工程学院、经济与管理学院、教育科学学院、外国语学院、音乐学院、美术与设计学院、体育学院、思想政治理论课教学研究部、继续教育学院等16个教学院（部）。开设55个本科专业，涵盖文、理、工、经、管、教、农、艺八大学科门类，其中工科类专业23个、管理类专业7个。全日制在校生17461人，成人高等学历教育本专科生3375人。
				学校现有教职工1120人，专任教师770人，其中教授59人、副教授187人，博士124人、硕士563人。有全国模范教师、全国优秀教师各1人，全省模范教师、优秀教师、师德先进个人、优秀教育工作者、教育系统先进工作者20余人，省学术技术带头人1人、后备人选3人，省级领军人才4人，享受省政府特殊津贴2人，“安徽省优秀科技工作者”1人，省级教学名师7人，省级教坛新秀16人。
				近年来，学校先后获批国家级、省级“本科教学工程”项目205项。学校是“国家级大学生创新创业训练计划实施高校”、“全国高等学校创业教育研究与实践先进单位”。拥有地理信息科学（原地理信息系统）国家级特色专业建设点，应用化学省级重点建设学科，“安徽地理信息集成应用协同创新中心”省级“2011协同创新中心”，“江淮分水岭生态环境与区域发展研究中心”高校省级人文社会科学重点研究基地，“安徽省大学生思想动态分析研究中心”,“安徽省热敏性物料加工工程技术研究中心”省级工程技术研究中心， “滁州市食品加工研究院”以及地理信息技术和化工技术等十多个研究所。依托“安徽省热敏性物料加工工程技术研究中心”获批设立“安徽省博士后科研工作站”。
				承担国家、省部级科研项目187项，厅（市）级科研项目572项。油画作品《抗击非典》入选国家“重大历史题材美术创作工程”，《废墟上的阳光》获得2008奥林匹克美术大会铜奖。“植物蛋白挤压组织化技术研究与推广”获得“中华农业科技奖”二等奖，“动物线粒体基因组及相关类群的系统进化研究”获得安徽省科学技术二等奖，“WDX60特大比表面积吸附树脂研发”获得安徽省科技进步三等奖，“小地老虎性信息素的鉴定及相关生物学研究”获得贵州省科技进步三等奖。公开发表学术论文3705篇，其中被SCI、EI检索304篇，出版专著和教材174部。通过开展政产学研用合作，推进科技成果转化。与企事业单位签订产学研合作项目318项，获得国家授权专利265项。
						</pre>
					</div>
			</div>
			<div id="tu"  class="col-md-12" style="height:1071px; display:none;" >
					<div class="list-group">
						<button class="list-group-item active">校园生活-图书馆</button>
						<pre  class="list-group-item">
				我馆现有馆舍面积2万余平方米，现有各类阅览室16个，阅览自修座位2260余个。我馆从1998年3月起，实现了图书采编目、典藏、借还的计算机自动化管理；拥有70多台电脑的电子阅览室，开展电子阅览服务；馆内的书刊全部实现开架阅览。
				根据学校的学科、专业设置，经过多年的积累和发展，我馆主要收藏的中、英文专业文献基本涵盖了全校各学科、专业，已形成文学、理学、工学、管理学、经济学、艺术、教育学、农学等多学科兼容、多载体并存的馆藏体系。截止2013年6月30日，已拥有馆藏纸质图书100.93万册，电子图书72.79万册，中外文报刊1980种。同时，我馆还收藏有清华同方《中国期刊网全文数据库》、清华同方《中国优秀硕博全文数据库》、万方《中国数字化期刊群全文数据库》、《读秀学术搜索》、万方《中国学位论文数据库》、《全国报刊索引数据库》、《人民大学报刊复印资料全文数据库》、《中国法规大典》、《SpringerLink》、《Ebscohost》《银符考试模拟题库》、超星数字图书馆、中国数字图书馆、书生之家数字图书馆的电子图书以及自建的特色数据库《吴敬梓研究专题数据库》等20余个数据库。 这些丰富多彩的电子资源在校园网内免费向我院师生读者提供在线阅读和下载服务。    
				学校设有图书情报工作委员会，由分管校长任主任委员，对全校文献信息工作进行规划。图书馆实行校长领导下的馆长负责制，下设采编部、流通部、期刊部、参考咨询部、信息技术部和办公室等五部一室，共有电子阅览室、现刊阅览室、图书借阅室、过刊阅览室、样本书阅览室、工具书阅览室、特藏文献阅览室、艺术阅览室等16个服务窗口，为读者提供外借、阅览、检索、咨询、复印、读者培训、课题查新等服务。
				图书馆现有工作人员41名，其中教授1名，副研究馆员4人 。
				在校党委和行政的领导下，现在全馆正以本科教学工作合格评估为契机，励精图志，齐心协力，踏实苦干，力争在文献信息资源建设和读者服务工作中再上新台阶，为学校的教学、科研工作提供优质服务。  
						</pre>
					</div>
			</div>
			<div id="bg"  class="col-md-12" style="height:1071px; display:none;" >
					<div class="list-group">
						<button class="list-group-item active">校园周边-周边宾馆</button>
						<pre  class="list-group-item">
						testtesttesttesttesttesttesttesttesttesttesttesttesttesttestte
						sttesttesttesttesttesttesttesttest
						</pre>
					</div>
			</div>
			<div id="jd"  class="col-md-12" style="height:1071px; display:none;" >
				<div class="list-group">
					<button class="list-group-item active">校园周边-周边景色</button>
					<pre  class="list-group-item">
					testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttes
					ttesttesttesttesttesttesttesttesttesttest
					</pre>
				</div>
			
			</div>
			
		</div>
		<!-- ------------------------右边内容  END------------------------------------- -->


	
	

	<!-- -------------------------页尾------------------------------ -->
	<div id="flood">
	    <table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
	    
	      <tr>
	        <td  height="3" colspan="5" bgcolor="#0F6BA2"></td>
	      </tr>
	      <tr>
	        <td width="557" height="60" align="center"><p><br />
	          &nbsp;版权所有 &copy; 滁州学院&nbsp;&nbsp; 皖ICP备11015759号&nbsp;&nbsp; 邮编：239000&nbsp;<br />
	        校址：安徽省滁州市会峰西路1号（会峰校区）　安徽省滁州市琅琊路2号（琅琊校区）　<br />          
	        &nbsp; </p></td>
	        
			<td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wx.jpg" alt="滁州学院微信公众号" width="60" height="60" title="滁州学院微信公众号" /></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/qq.jpg" width="60" height="60" alt="滁州学院QQ公众号"  title="滁州学院QQ公众号"/></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wb.jpg" width="60" height="60" alt="滁州学院新浪微博"  title="滁州学院新浪微博"/></td>
	        
	      </tr>
	    </table>
  	</div>
  	<!-- -------------------------页尾------------------------------ -->


<!-- ------------------------------左栏点击事件--------------------------------- -->
	<script>

		$(function(){
			$("#jiaoxue").click(function(){
				$(".col-md-12").hide();
				$("#jiao").toggle(1000);
			})	

			$("#tushuguan").click(function(){
				$(".col-md-12").hide();
				$("#tu").toggle(1000);
			})

			$("#binguan").click(function(){
				$(".col-md-12").hide();
				$("#bg").toggle(1000);
			})

			$("#jingdian").click(function(){
				$(".col-md-12").hide();
				$("#jd").toggle(1000);
			})
		})



	</script>
<!-- ------------------------------左栏点击事件  END--------------------------------- -->


</body>
</html>